<template>
    <view class="home_go_information_view">
        <label class="user_data_title">用户数据</label>
        <image class="user_add_icon" src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/homeuserdata/add_information_icon.png"></image>
        <view @click="goToInformation" class="user_go_btn">完善资料</view>
    </view>
</template>

<script>
export default {
    name: "home-go-information",
    data() {
        return {};
    },
    methods: {
        goToInformation() {
            this.$emit("goToInformation");
        },
    },
};
</script>

<style scoped>
.home_go_information_view {
    margin: 30rpx;
    width: calc(100% - 60rpx);
    background: rgba(255, 255, 255, 0.6);
    border-radius: 24rpx;
    border: 2rpx solid #ffffff;
    display: flex;
    flex-direction: column;
}
.user_data_title {
    margin-top: 30rpx;
    margin-left: 30rpx;
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
}
.user_add_icon {
    width: 316rpx;
    height: 316rpx;
    margin-top: 36rpx;
    margin-left: calc(50% - 158rpx);
}
.user_go_btn {
    width: 240rpx;
    height: 72rpx;
    border: 2rpx solid #418170;
    margin-left: calc(50% - 120rpx);
    border-radius: 22px;
    margin-top: 40rpx;
    color: #418170;
    font-weight: 600;
    text-align: center;
    line-height: 72rpx;
    margin-bottom: 30rpx;
}
</style>
